 /**
 * v-hasPermi 操作权限处理
 * Copyright (c) 2019 ruoyi
 */

// 1- 引入状态管理
import store from '@/store'

// 2- 创建指令
export default {
  // 3- 监听权限变化， inserted自定义指令的钩子函数（el:指令操作的元素，binding：指令绑定的操作对象，vnode：vue生成虚拟节点用于对当前节点以及子节点操作）
  inserted(el, binding, vnode) {
    const { value } = binding
    const all_permission = "*:*:*";//超级管理员
    const permissions = store.getters && store.getters.permissions // 获取权限，这边权限是在 com.ruoyi.web.controller.system.SysLoginController.getInfo中获取

    if (value && value instanceof Array && value.length > 0) {
      const permissionFlag = value
      // 4-permissions.some 遇到符合的就不会继续往下执行，hasPermissions = true表示有权限，反正则没有
      const hasPermissions = permissions.some(permission => {
        return all_permission === permission || permissionFlag.includes(permission)
      })

      // 5-没有权限则移除节点
      if (!hasPermissions) {
        el.parentNode && el.parentNode.removeChild(el)
      }
    } else {
      throw new Error(`请设置操作权限标签值`)
    }
  }
}
